<template lang="pug">
  .m-dialog(:style="styleObject" v-show="visible")
    .wrap
      .title 数据配置
        i.el-icon-close
      .content
        .content-title
          el-row
            el-col(:span="8") 自定义输入
            el-col(:span="1")
              .line.active
            el-col(:span="8") 自定义输出
        .add
          i.el-icon-circle-plus-outline
          | 添加
        .content-item
          el-row
            el-col(:span="8")
              el-input(value="id" disabled)
            el-col(:span="1")
              .line
            el-col(:span="8")
              el-select(v-model="id"  placeholder="请选择")
                el-option(value="111")
                el-option(value="222")
            el-col(:span="1")
              .del
                i.el-icon-delete
        .content-item
          el-row
            el-col(:span="8")
              el-input(value="id" disabled)
            el-col(:span="1")
              .line
            el-col(:span="8")
              el-select(v-model="id"  placeholder="请选择")
                el-option(value="111")
                el-option(value="222")
            el-col(:span="1")
              .del
                i.el-icon-delete

      .footer
        el-button(@click="hide") 取消
        el-button(type="primary"  @click="hide") 确定
</template>
<script>
import popupMixin from '@/mixins/popup'
export default {
  name: 'customConversion',
  mixins: [popupMixin],
  data () {
    return {
      id: '',
      name: ''
    }
  },
  methods: {
  }
}
</script>

<style lang="stylus" scoped>
.m-dialog
  position fixed
  top 0
  bottom 0
  left 0
  right 0
  background rgba(0,0,0,.5)
  font-size 14px
  color #666
  .wrap
    width: 663px;
    height: 331px;
    background-color: #ffffff;
    box-shadow: 0px 1px 10px 0px rgba(1, 12, 32, 0.35);
    border-radius: 3px;
    margin 100px auto 0
    position relative
    .title
      background-color #f0f0f0
      height 40px
      line-height @height
      padding 0 19px
      i
        display block
        float right
        margin-top 16px
        cursor pointer
    .content
      padding 0 20px
      .content-title
        margin-top 10px
        height 30px
        line-height 30px
      .content-item
        margin-bottom 10px
      .line
        width 15px
        height 1px
        border-top 1px solid #e8e8e8
        margin  14px auto 0
        &.active
          border 0
      .del
        line-height 30px
        cursor pointer
      .add
        color #1f60bd
        cursor pointer
        padding 5px 0
        i
          display inline-block
          margin-right 5px
      >>>
        .el-input--mini
        .el-input__inner
          height 30px
          line-height 30px
    .footer
      position absolute
      height 66px
      bottom 0
      left 21px
      width 623px
      text-align right
      line-height @height
      border-top 1px dotted  #cccccc

</style>
